<div class="am-u-sm-12 widget main-w" >
	<ol class="am-breadcrumb">
		<li><a href="{:url('/admin/index')}">首页</a></li>
		<li><a href="{:url('index')}">业务管理</a></li>
		<li><a href="{:url('index')}">车辆管理</a></li>
		<li class="am-active">车辆详情</li>
	</ol>
	<div class="am-tabs"  data-am-tabs="{noSwipe: 1}">
		<ul class="am-tabs-nav am-nav am-nav-tabs">
			<li class="am-active">
				<a href="#tab1">车辆信息</a>
			</li>
			<li>
				<a href="#tab2">维保记录</a>
			</li>
			<li>
				<a href="#tab3">加油记录</a>
			</li>
			<li>
				<a href="#tab4">保险记录</a>
			</li>
			<li>
				<a href="#tab5">年检记录</a>
			</li>
		</ul>
		<div class="am-tabs-bd am-tabs-bd-ofv" style="border:0">
			<div class="am-tab-panel am-active" id="tab1">
				<div class="am-u-sm-12">
					<div class="am-u-sm-12">
						<fieldset style="margin: 0;padding-bottom: 0;">
							<legend style="margin: 0;padding-bottom: 0;">基本信息</legend>
						</fieldset>
						<div class="am-u-sm-12">

							<div class="am-u-sm-12" style="padding: 10px;">
								<div class="am-u-sm-12" style="padding: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车牌号：</div>
										<div class="am-u-sm-7">{$item.number?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">品牌/型号：</div>
										<div class="am-u-sm-7">{$item.car_brand_id?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车型：</div>
										<div class="am-u-sm-7">{$item.car_type_id?:"暂无信息"}</div>
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车辆来源：</div>
										<div class="am-u-sm-7"> {$item.source?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车身结构：</div>
										<div class="am-u-sm-7">{$item.structure?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车辆颜色：</div>
										<div class="am-u-sm-7">{$item.colour?:"暂无信息"}</div>
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">变速箱类型：</div>
										<div class="am-u-sm-7">{$item.gearbox_type?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">排量：</div>
										<div class="am-u-sm-7">{$item.displacement?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车龄：</div>
										<div class="am-u-sm-7">{$item.car_age?:"暂无信息"}</div>
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">能源类型：</div>
										<div class="am-u-sm-7">{$item.energy_type?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">发动机：</div>
										<div class="am-u-sm-7">{$item.engine_no?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">承载人数：</div>
										<div class="am-u-sm-7">{$item.carry?:"暂无信息"}</div>
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">所属公司单位：</div>
										<div class="am-u-sm-7">{$item.car_rental_id?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">查看当前位置：</div>
										<div class="am-u-sm-7">{$item.latitude_longitude?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">当前状态：</div>
										<div class="am-u-sm-7">{$item.car_state?:"暂无信息"}</div>
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">行驶证有效日期：</div>
										<div class="am-u-sm-7">{$item.driving_license_effective?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">购买日期：</div>
										<div class="am-u-sm-7">{$item.buy_date?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">购买金额：</div>
										<div class="am-u-sm-7">{$item.buy_money?:"暂无信息"}</div>
									</div>
								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">行驶里程：</div>
										<div class="am-u-sm-7">{$item.mileage?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">司机：</div>
										<div class="am-u-sm-7">{$item.driver?:"暂无信息"}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">行驶证发放日期：</div>
										<div class="am-u-sm-7">{$item.driving_license_issued?:"暂无信息"}</div>
									</div>
								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-2">
										<div class="am-u-sm-12 am-text-truncate">行驶证照片：</div>
									</div>
									<div class="am-u-sm-10">

										<img style="width: 100px;height:100px;" src="{if $item.driving_license_img}{:CxImg($item.driving_license_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
										<img style="width: 100px;height:100px;" src="{if $item.driving_license_img2}{:CxImg($item.driving_license_img2)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-2">
										<div class="am-u-sm-12 am-text-truncate">车辆照片：</div>
									</div>
									<div class="am-u-sm-10">

										<img style="width: 100px;height:100px;" src="{if $item.front_img}{:CxImg($item.front_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
										<img style="width: 100px;height:100px;" src="{if $item.back_img}{:CxImg($item.back_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
										<img style="width: 100px;height:100px;" src="{if $item.side_img}{:CxImg($item.side_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
										<img style="width: 100px;height:100px;" src="{if $item.engine_img}{:CxImg($item.engine_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
									</div>

								</div>
							</div>
						</div>
					</div>
					<div class="am-u-sm-12">
						<fieldset style="margin: 0;padding-bottom: 0;">
							<legend>保险信息</legend>

							<div class="am-u-sm-12">
								<div class="am-u-sm-5" style="border-right: 1px solid rgb(131,143,161);">
									<div class="am-u-sm-12">
										<h3>商业险</h3>
									</div>
									<div class="am-u-sm-6">
										<div class="am-u-sm-12" style="padding-bottom: 10px;">
											<div class="am-u-sm-12">
												<div class="am-u-sm-6">保险公司：</div>
												<div class="am-u-sm-6">{$item.business_insurance_company?:"暂无信息"}</div>
											</div>
											<div class="am-u-sm-12">
												<div class="am-u-sm-6">保单号：</div>
												<div class="am-u-sm-6">{$item.business_policy_no?:"暂无信息"}</div>
											</div>
											<div class="am-u-sm-12">
												<div class="am-u-sm-6 am-text-truncate">保单有效期：</div>
												<div class="am-u-sm-6">{$item.business_policy_effective?:"暂无信息"}</div>
											</div>

											<div class="am-u-sm-12">
												<div class="am-u-sm-6 am-text-truncate">报销公司电话：</div>
												<div class="am-u-sm-6">{$item.phone?:"暂无信息"}</div>
											</div>

										</div>
									</div>
									<div class="am-u-sm-6">
										<div class="am-u-sm-12" style="padding-bottom: 10px;">

											<div class="am-u-sm-12">
												<img style="width: 100px;height:100px;" src="{if $item.business_policy_img}{:CxImg($item.business_policy_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
											</div>

										</div>
									</div>
								</div>
								<div class="am-u-sm-7">
									<div class="am-u-sm-10">
									<div class="am-u-sm-12">
										<h3>交强险</h3>
									</div>
									<div class="am-u-sm-12">
										<div class="am-u-sm-6" style="padding-bottom: 10px;">
											<div class="am-u-sm-12 cl-p">
												<div class="am-u-sm-12">
													<div class="am-u-sm-6">保单号：</div>
													<div class="am-u-sm-6">{$item.compulsory_policy_no?:"暂无信息"}</div>
												</div>
												<div class="am-u-sm-12">
													<div class="am-u-sm-6 am-text-truncate">保单有效期：</div>
													<div class="am-u-sm-6">{$item.compulsory_policy_effective?:"暂无信息"}</div>
												</div>
											</div>
										</div>

										<div class="am-u-sm-6" style="padding-bottom: 10px;">
											<div class="am-u-sm-12">
												<img style="width: 100px;height:100px;" src="{if $item.compulsory_policy_img}{:CxImg($item.compulsory_policy_img)}{else/}{$static_dir}/assets/img/noimg.gif{/if}" />
											</div>
										</div>
									</div>
									</div>
								</div>
							</div>
						</fieldset>
					</div>
				</div>

			</div>

			<div class="am-tab-panel" id="tab2">
				<div class="am-u-sm-12">
					<div class="am-u-sm-12">
						<div class="am-u-sm-4">
							<div class="am-u-sm-12">车牌号：{$item.number}</div>
						</div>
					</div>
					<div class="am-u-sm-12">
						<table class="am-table am-table-compact am-table-bordered tpl-table-black ">
							<thead>
								<tr>
									<th>维修开始时间</th>
									<th>维修结束时间</th>
									<th>维修金额</th>
									<th>维修地点</th>
									<th>维修负责人</th>
									<th>维修项目</th>
									<th>维修提醒</th>
								</tr>
							</thead>
							<tbody>
								{foreach $item.service as $key => $service}
								<tr class="gradeX">
									<td>{$service.begin_time?:'暂无数据'}</td>
									<td>{$service.end_time?:'-'}</td>
									<td>{$service.price?:'-'}</td>
									<td>{$service.address?:'-'}</td>
									<td>{$service.leader?:'-'}</td>
									<td>{$service.project?:'-'}</td>
									<td>{$service.remind?:'-'}</td>
								</tr>
								{/foreach}
							</tbody>
						</table>
						<div class="am-u-lg-12 am-cf">

								<div class="am-fr">
									{$pager}
								</div>
							</div>
					</div>
				</div>
			</div>
			<div class="am-tab-panel" id="tab3">
				<div class="am-u-sm-12">
					<div class="am-u-sm-12">
						<div class="am-u-sm-4">
							<div class="am-u-sm-12">车牌号：{$item.number}</div>
						</div>
					</div>
					<div class="am-u-sm-12">
						<table class="am-table am-table-compact am-table-bordered tpl-table-black ">
							<thead>
								<tr>
									<th>加油编号</th>
									<th>加油时间</th>
									<th>加油地点</th>
									<th>加油量</th>
									<th>加油金额</th>
									<th>汽油标号</th>
									<th>总加油量</th>
								</tr>
							</thead>
							<tbody>
								{foreach $item.refuel as $key => $refuel}
								<tr class="gradeX">
									<td>{$refuel.refuel_record_id?:'暂无数据'}</td>
									<td>{$refuel.start_date?:'-'}</td>
									<td>{$refuel.refuel_add?:'-'}</td>
									<td>{$refuel.litre?:'-'}</td>
									<td>{$refuel.price?:'-'}</td>
									<td>{$refuel.refuel_number?:'-'}</td>
									<td>{$refuel.litre?:'-'}</td>
								</tr>
								{/foreach}
							</tbody>
						</table>
						<div class="am-u-lg-12 am-cf">

								<div class="am-fr">
									{$pager}
								</div>
							</div>
					</div>
				</div>
			</div>
			<div class="am-tab-panel" id="tab4">
				<div class="am-u-sm-12">
					<div class="am-u-sm-12">
						<div class="am-u-sm-4">
							<div class="am-u-sm-12">车牌号：{$item.number}</div>
						</div>
					</div>
					<div class="am-u-sm-12">
						<table class="am-table am-table-compact am-table-bordered tpl-table-black" >
							<thead>
								<tr>
									<th>保单号</th>
									<th>保险种类</th>
									<th>购买金额</th>
									<th>投保人</th>
									<th>保险公司</th>
									<th>投保时间</th>
									<th>到期时间</th>
									<th>保险公司联系人</th>
									<th>保险公司联系电话</th>
								</tr>
							</thead>
							<tbody>
								{foreach $item.insure as $key => $insure}
								<tr class="gradeX">
									<td>{$insure.policy_number?:'暂无数据'}</td>
									<td>{$insure.policy_type?:'-'}</td>
									<td>{$insure.policy_charge?:'-'}</td>
									<td>{$insure.policy_holder?:'-'}</td>
									<td>{$insure.insurance_company?:'-'}</td>
									<td>{$insure.start_date?:'-'}</td>
									<td>{$insure.end_date?:'-'}</td>
									<td>{$insure.linkman?:'-'}</td>
									<td>{$insure.phone?:'-'}</td>
								</tr>
								{/foreach}
							</tbody>
						</table>
						<div class="am-u-lg-12 am-cf">

								<div class="am-fr">
									{$pager}
								</div>
							</div>
					</div>
				</div>
			</div>
			<div class="am-tab-panel" id="tab5">
				<div class="am-u-sm-12">
					<div class="am-u-sm-12">
						<div class="am-u-sm-4">
							<div class="am-u-sm-12">车牌号：{$item.number}</div>
						</div>
					</div>
					<div class="am-u-sm-12">
						<table class="am-table am-table-compact am-table-bordered tpl-table-black">
							<thead>
								<tr>
									<th>年检编号</th>
									<th>年检日期</th>
									<th>年检地点</th>
									<th>年检人</th>
									<th>年检状态</th>
									<th>年检费用</th>
								</tr>
							</thead>
							<tbody>
								{foreach $item.survey as $key => $survey}
								<tr class="gradeX">
									<td>{$survey.mot_number?:'暂无数据'}</td>
									<td>{$survey.mot_time?:'-'}</td>
									<td>{$survey.mot_add?:'-'}</td>
									<td>{$survey.checker?:'-'}</td>
									<td>{$survey.mot_state?:'-'}</td>
									<td>{$survey.price?:'-'}</td>
								</tr>
								{/foreach}
							</tbody>
						</table>
						<div class="am-u-lg-12 am-cf">

								<div class="am-fr">
									{$pager}
								</div>
							</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="am-u-sm-12" style="margin-bottom:10px;">
		<div class="am-u-sm-4">&nbsp;</div>
		<div class="am-u-sm-4">
			<a class="am-btn am-btn-sm am-btn-secondary am-radius back">返回上一页</a>
		</div>
		<div class="am-u-sm-4">&nbsp;</div>
	</div>
</div>